<template>
<div>
    <ul>
        <li>全部(449)</li>
        <li v-for="(h,i) in ha" :key="i">{{h[0]}}({{h[1]}})</li>
    </ul>
</div>
</template>

<script>

export default {
    components: {

    },
    data() {
        return {
            ha:[["满意","400"],["一般","40"],["不满意","9"],["有图","57"],["服务不错","11"]]
        };
    },
    methods: {

    },
}
</script>
<style  scoped>
ul{
display: flex;
flex-wrap: wrap;
background-color: #fff;
padding: .5rem;
}
li{
    font-size: 0.6rem;
    color: #6d7885;
    padding: .3rem .3rem;
    background-color: #ebf5ff;
    border-radius: 0.2rem;
    border: 1px;
    margin: 0 .4rem .2rem 0;
    list-style-type:none
}
ul>li:first-child{
    background-color: #3190e8;

color: #fff;
}
</style>   